<!--
 * @Author: susu 1628469970@qq.com
 * @Date: 2022-05-12 20:31:10
 * @LastEditors: susu 1628469970@qq.com
 * @LastEditTime: 2022-05-12 22:42:34
 * @FilePath: \vue_demo\src\views\sass\tailwindCSS.vue
 * @Description: tailwindCSS
-->
<template>
  <div class="contentBox">
    <div class="flex flex-row justify-between">
      <span>tailwindCSS</span>
      <span>苏苏小苏苏</span>
    </div>
    <div class="text-white-600 h-10 md:bg-green-500">苏苏小苏苏</div>
    <div class="h-8 text-yellow-500">山竹</div>
  </div>
</template>

<script>
export default {};
</script>

<style>
</style>